<script setup></script>
<template>
  <div class="tool">
    <div class="tool_top">
      <img src="https://wap.lexuemiao.com/img/toolBg.361a07fa.png" alt="" />
      <div class="tool_tab">
        <van-tabs v-model:active="active" class="tab">
          <van-tab title="学习工具"></van-tab>
          <van-tab title="正在参与"></van-tab>
        </van-tabs>
      </div>
    </div>
    <!-- <div class="tool_main">
            <van-empty image="https://fastly.jsdelivr.net/npm/@vant/assets/custom-empty-image.png" image-size="80"
                description="描述文字" />
        </div> -->
  </div>
</template>
<style lang="scss" scoped>
.tool {
  width: 100vw;
  height: 100vh;

  .tool_top {
    position: relative;
    width: 100%;
    height: 32%;

    img {
      width: 100%;
      height: 100%;
    }

    .tool_tab {
      background: #fff;
      width: 95%;
      height: 90px;
      border-radius: 50px;
      position: absolute;
      top: 76%;
      left: 2.5%;
      text-align: center;

      .tab {
        margin-left: 15%;
        width: 70%;
        height: 80px;
        font-weight: 700;
      }
    }
  }
}
</style>
